import Vue from 'vue'
import VueRouter from 'vue-router'

import homeView from '@/components/homeView'
import listView from '@/components/startView'
import workoutView from '@/components/workoutView'
import playgroundView from '@/views/playgroundView'
import pickupView from '@/views/pickupView'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'home',
    component: homeView
  },
  {
    path: '/start',
    name: 'start',
    component: listView
  },
  {
    path: '/workout',
    name: 'workout',
    component: workoutView
  },
  {
    path: '/playground',
    name: 'playground',
    component: playgroundView
  },
  {
    path: '/pickup',
    name: 'pickup',
    component: pickupView
  }
  /*
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/about',
    name: 'About',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import('../views/About.vue')
  }
  */
]

const router = new VueRouter({
  routes
})

export default router